<ion-view view-title="聊天室" ng-controller="chatRoomController">
    <ion-nav-bar class="bar-positive">
        <ion-nav-back-button class="button-icon ion-arrow-left-c">
        </ion-nav-back-button>
    </ion-nav-bar>
    <ion-content scroll="false">
        <div ng-show="isShowCanvas">
            <canvas id="mycanvas" style=""></canvas>
        </div>
        <ion-scroll zooming="true" direction="xy" style="width: 100%; height:60%">
            <ion-list show-reorder="true" scroll="true">
                <ion-item ng-repeat="item in data.messages">
                    <h2>{{item.username}}</h2>
                    <p>{{item.message}}</p>
                </ion-item>
            </ion-list>
        </ion-scroll>
    </ion-content>
    <script id="my-popover.html" type="text/ng-template">
        <ion-popover-view>
            <canvas id="mycanvas" style=""></canvas>
        </ion-popover-view>
    </script>
    <ion-footer-bar align-title="left" class="bar-assertive">
        <input type="text" ng-model="message.message">
        <button ng-click="send()">发送</button>
        <button ng-click="showCanvas()">发图</button>
        <button ng-click="clear()">清理画布</button>
    </ion-footer-bar>
</ion-view>
